<template>
    <div>
        <div class="f1">
            <img src="../../assets/img_pinpai/F1beiJingTu-7.jpg" alt="">
        </div>
        <div class="f2">
            <div class="banxin">
                <ul>
                    <li class="active" @click="$router.push('/home/pinpai')">品牌历史</li>
                    <li @click="$router.push('/home/rongyu')">品牌荣誉</li>
                    <li @click="$router.push('/home/chuancheng')">传承人</li>
                </ul>
            </div>
        </div>
        <div class="beijing">
            <div class="banxin">
                <!-- ----------面包屑导航--------- -->
      <el-breadcrumb separator-class="el-icon-arrow-right" class="bum">
        <el-breadcrumb-item>您现在所在的位置</el-breadcrumb-item>
        <el-breadcrumb-item>首页</el-breadcrumb-item>
        <el-breadcrumb-item>品牌</el-breadcrumb-item>
        <el-breadcrumb-item>品牌历史</el-breadcrumb-item>
      </el-breadcrumb>
                <div class="f4">
                        <img class="beijingtu" src="../../assets/img_pinpai/wenZiBeiJingTu.jpg" alt="">
                    <div class="txttu">
                        <img src="../../assets/img_pinpai/pinPaiLiShiTXT-1.jpg" alt="">
                    </div>
                </div>
                <div class="f5">
                    <div class="yuan">
                        <img src="../../assets/img_pinpai/xiaoSanJiao.jpg" alt="">
                        <span>2022</span>
                    </div>
                </div>
                <div class="f6">

                    <div class="left">
                        <div class="year2022">
                            <div class="left-item">
                                <p>2022中国品牌价值评价信息发布，稻香村集团品牌价值182.77亿元。</p>
                            </div>
                            <div class="right-item">
                                <!-- <img src="../../assets/img_pinpai/F6TongYongBeiJing.jpg" alt=""> -->
                                <p>2022</p>
                            </div>
                            <img class="jiantou" src="../../assets/img_pinpai/YuanDianJianTou.jpg" alt="">
                        </div>
                        <div class="year2022">
                            <div class="left-item">
                                <p>2021年8月，稻香村集团向尘肺病人、革命老区捐赠了价值240多万元产品。.77亿元。</p>
                            </div>
                            <div class="right-item">
                                <!-- <img src="../../assets/img_pinpai/F6TongYongBeiJing.jpg" alt=""> -->
                                <p>2021</p>
                            </div>
                            <img class="jiantou" src="../../assets/img_pinpai/YuanDianJianTou.jpg" alt="">
                        </div>
                        <div class="year2022">
                            <div class="left-item">
                                <p>稻香村集团（苏州）荣获2020年度“中国轻工业二百强企业”、“中国轻工业科技百强企业”及“中国轻工业食品行业五十强企业”三项大奖，分别位列第104位、第99位、第31位。.77亿元。</p>
                            </div>
                            <div class="right-item">
                                <!-- <img src="../../assets/img_pinpai/F6TongYongBeiJing.jpg" alt=""> -->
                                <p>2021</p>
                            </div>
                            <img class="jiantou" src="../../assets/img_pinpai/YuanDianJianTou.jpg" alt="">
                        </div>
                        <div class="year2022">
                            <div class="left-item">
                                <p>2020年12月15日，农业农村部等八部委联合印发通知，递补128家企业为农业产业化国家重点龙头企业，其中山东稻香村食品工业有限公司在列。.77亿元。</p>
                            </div>
                            <div class="right-item">
                                <!-- <img src="../../assets/img_pinpai/F6TongYongBeiJing.jpg" alt=""> -->
                                <p>2020</p>
                            </div>
                            <img class="jiantou" src="../../assets/img_pinpai/YuanDianJianTou.jpg" alt="">
                        </div>
                        <div class="year2022">
                            <div class="left-item">
                                <p>2020中国品牌价值评价信息发布，稻香村集团品牌价值136.55亿元。.77亿元。</p>
                            </div>
                            <div class="right-item">
                                <!-- <img src="../../assets/img_pinpai/F6TongYongBeiJing.jpg" alt=""> -->
                                <p>2020</p>
                            </div>
                            <img class="jiantou" src="../../assets/img_pinpai/YuanDianJianTou.jpg" alt="">
                        </div>
                        <div class="year2022">
                            <div class="left-item">
                                <p>稻香村集团荣获新华网颁发的“金箸奖”2019年度食品标杆企业。.77亿元。</p>
                            </div>
                            <div class="right-item">
                                <!-- <img src="../../assets/img_pinpai/F6TongYongBeiJing.jpg" alt=""> -->
                                <p>2019</p>
                            </div>
                            <img class="jiantou" src="../../assets/img_pinpai/YuanDianJianTou.jpg" alt="">
                        </div>
                        <div class="year2022">
                            <div class="left-item">
                                <p>2019年，苏州稻香村入围“焙烤食品糖制品行业（糕点）十强企业”。.77亿元。</p>
                            </div>
                            <div class="right-item">
                                <!-- <img src="../../assets/img_pinpai/F6TongYongBeiJing.jpg" alt=""> -->
                                <p>2019</p>
                            </div>
                            <img class="jiantou" src="../../assets/img_pinpai/YuanDianJianTou.jpg" alt="">
                        </div>
                        <div class="year2022">
                            <div class="left-item">
                                <p>2019中国品牌价值评价信息发布，稻香村集团品牌价值133.09亿元。.77亿元。</p>
                            </div>
                            <div class="right-item">
                                <!-- <img src="../../assets/img_pinpai/F6TongYongBeiJing.jpg" alt=""> -->
                                <p>2019</p>
                            </div>
                            <img class="jiantou" src="../../assets/img_pinpai/YuanDianJianTou.jpg" alt="">
                        </div>
                        <div class="year2022">
                            <div class="left-item">
                                <p>2018年，成立天津稻香村食品有限公司。.77亿元。</p>
                            </div>
                            <div class="right-item">
                                <!-- <img src="../../assets/img_pinpai/F6TongYongBeiJing.jpg" alt=""> -->
                                <p>2018</p>
                            </div>
                            <img class="jiantou" src="../../assets/img_pinpai/YuanDianJianTou.jpg" alt="">
                        </div>
                        <div class="year2022">
                            <div class="left-item">
                                <p>2018年稻香村集团荣获人民日报社颁布的“2018一带一路建设案例”奖。</p>
                            </div>
                            <div class="right-item">
                                <!-- <img src="../../assets/img_pinpai/F6TongYongBeiJing.jpg" alt=""> -->
                                <p>2018</p>
                            </div>
                            <img class="jiantou" src="../../assets/img_pinpai/YuanDianJianTou.jpg" alt="">
                        </div>
                        <div class="year2022">
                            <div class="left-item">
                                <p>2017年，成立稻香村食品集团（香河）有限公司，稻香村食品集团（金乡）有限公司。</p>
                            </div>
                            <div class="right-item">
                                <!-- <img src="../../assets/img_pinpai/F6TongYongBeiJing.jpg" alt=""> -->
                                <p>2017</p>
                            </div>
                            <img class="jiantou" src="../../assets/img_pinpai/YuanDianJianTou.jpg" alt="">
                        </div>
                        <div class="year2022">
                            <div class="left-item">
                                <p>稻香村集团荣获新华网金箸奖“2017年度中国食品标杆企业”称号。</p>
                            </div>
                            <div class="right-item">
                                <!-- <img src="../../assets/img_pinpai/F6TongYongBeiJing.jpg" alt=""> -->
                                <p>2017</p>
                            </div>
                            <img class="jiantou" src="../../assets/img_pinpai/YuanDianJianTou.jpg" alt="">
                        </div>
                        <div class="year2022">
                            <div class="left-item">
                                <p>在阿里研究院评出的2016年度食品类中华老字号中，稻香村集团电商销量领先。</p>
                            </div>
                            <div class="right-item">
                                <!-- <img src="../../assets/img_pinpai/F6TongYongBeiJing.jpg" alt=""> -->
                                <p>2017</p>
                            </div>
                            <img class="jiantou" src="../../assets/img_pinpai/YuanDianJianTou.jpg" alt="">
                        </div>
                        <div class="year2022">
                            <div class="left-item">
                                <p>2016年稻香村集团山东菏泽加工中心正式建成投产。</p>
                            </div>
                            <div class="right-item">
                                <!-- <img src="../../assets/img_pinpai/F6TongYongBeiJing.jpg" alt=""> -->
                                <p>2016</p>
                            </div>
                            <img class="jiantou" src="../../assets/img_pinpai/YuanDianJianTou.jpg" alt="">
                        </div>
                        <div class="year2022">
                            <div class="left-item">
                                <p>2016中国品牌价值评价发布，稻香村集团品牌价值112.34亿元。</p>
                            </div>
                            <div class="right-item">
                                <p>2016</p>
                            </div>
                            <img class="jiantou" src="../../assets/img_pinpai/YuanDianJianTou.jpg" alt="">
                        </div>
                        <div class="year2022">
                            <div class="left-item">
                                <p>2016年稻香村集团慰问邢台灾区，捐赠110万元稻香村产品。</p>
                            </div>
                            <div class="right-item">
                                <p>2016</p>
                            </div>
                            <img class="jiantou" src="../../assets/img_pinpai/YuanDianJianTou.jpg" alt="">
                        </div>

                    </div>

                    <div class="right">
                        <div class="year2022right">
                            <div class="right-item">
                                <p>2022年，稻香村集团向江苏、山东、辽宁、北京、河北等地捐赠了价值150多万元物资，支援各地抗击新冠疫情。</p>
                            </div>
                            <div class="left-item">
                                <p>2022</p>
                            </div>
                            <img class="jiantou" src="../../assets/img_pinpai/YuanDianJianTouRight.jpg" alt="">
                        </div>
                        <div class="year2022right">
                            <div class="right-item">
                                <p>2021年7月，河南发生暴雨灾害，稻香村集团紧急调动资源，连夜筹措50万包、价值200余万元的各类糕点、蛋糕、面包产品驰援一线灾区。</p>
                            </div>
                            <div class="left-item">
                                <p>2021</p>
                            </div>
                            <img class="jiantou" src="../../assets/img_pinpai/YuanDianJianTouRight.jpg" alt="">
                        </div>
                        <div class="year2022right">
                            <div class="right-item">
                                <p>2021中国品牌价值评价信息发布，稻香村集团品牌价值167.29亿元。</p>
                            </div>
                            <div class="left-item">
                                <p>2021</p>
                            </div>
                            <img class="jiantou" src="../../assets/img_pinpai/YuanDianJianTouRight.jpg" alt="">
                        </div>
                        <div class="year2022right">
                            <div class="right-item">
                                <p>2020年12月，稻香村集团荣获2020年度中国食品企业七星质量奖。</p>
                            </div>
                            <div class="left-item">
                                <p>2020</p>
                            </div>
                            <img class="jiantou" src="../../assets/img_pinpai/YuanDianJianTouRight.jpg" alt="">
                        </div>
                        <div class="year2022right">
                            <div class="right-item">
                                <p>2020年初，新型冠状病毒感染肺炎疫情突发，稻香村集团向湖北、北京、上海、河南、山东、山西、青海等地捐赠了价值400多万元的物资，为一线工作者带来暖心关爱。</p>
                            </div>
                            <div class="left-item">
                                <p>2020</p>
                            </div>
                            <img class="jiantou" src="../../assets/img_pinpai/YuanDianJianTouRight.jpg" alt="">
                        </div>
                        <div class="year2022right">
                            <div class="right-item">
                                <p>稻香村集团荣膺人民日报社颁发的“2019年度中国品牌案例奖”。</p>
                            </div>
                            <div class="left-item">
                                <p>2019</p>
                            </div>
                            <img class="jiantou" src="../../assets/img_pinpai/YuanDianJianTouRight.jpg" alt="">
                        </div>
                        <div class="year2022right">
                            <div class="right-item">
                                <p>2019年，苏州稻香村荣膺中国改革开放40周年焙烤食品糖制品产业“领军企业”。</p>
                            </div>
                            <div class="left-item">
                                <p>2019</p>
                            </div>
                            <img class="jiantou" src="../../assets/img_pinpai/YuanDianJianTouRight.jpg" alt="">
                        </div>
                        <div class="year2022right">
                            <div class="right-item">
                                <p>2019年，稻香村入驻成都，五店同开。同时，新一座现代化生产加工中心在成都正式落成投产。</p>
                            </div>
                            <div class="left-item">
                                <p>2019</p>
                            </div>
                            <img class="jiantou" src="../../assets/img_pinpai/YuanDianJianTouRight.jpg" alt="">
                        </div>
                        <div class="year2022right">
                            <div class="right-item">
                                <p>2018年稻香村集团荣获新华网颁布的“金箸奖”2018年度食品标杆企业。</p>
                            </div>
                            <div class="left-item">
                                <p>2018</p>
                            </div>
                            <img class="jiantou" src="../../assets/img_pinpai/YuanDianJianTouRight.jpg" alt="">
                        </div>
                        <div class="year2022right">
                            <div class="right-item">
                                <p>2018年中国品牌价值评价信息发布，稻香村集团品牌价值112.80亿元。</p>
                            </div>
                            <div class="left-item">
                                <p>2018</p>
                            </div>
                            <img class="jiantou" src="../../assets/img_pinpai/YuanDianJianTouRight.jpg" alt="">
                        </div>
                        <div class="year2022right">
                            <div class="right-item">
                                <p>2017年稻香村集团亮相2017哈萨克斯坦阿斯塔纳世博会。</p>
                            </div>
                            <div class="left-item">
                                <p>2017</p>
                            </div>
                            <img class="jiantou" src="../../assets/img_pinpai/YuanDianJianTouRight.jpg" alt="">
                        </div>
                        <div class="year2022right">
                            <div class="right-item">
                                <p>2017年，稻香村集团荣获“中国月饼行业十大品牌”称号。</p>
                            </div>
                            <div class="left-item">
                                <p>2017</p>
                            </div>
                            <img class="jiantou" src="../../assets/img_pinpai/YuanDianJianTouRight.jpg" alt="">
                        </div>
                        <div class="year2022right">
                            <div class="right-item">
                                <p>2016中国品牌价值评价信息发布，稻香村集团品牌价值112.34亿元，荣登中华老字号品牌榜。</p>
                            </div>
                            <div class="left-item">
                                <p>2016</p>
                            </div>
                            <img class="jiantou" src="../../assets/img_pinpai/YuanDianJianTouRight.jpg" alt="">
                        </div>
                        <div class="year2022right">
                            <div class="right-item">
                                <p>2016年稻香村集团全年总捐赠达1000多万元。</p>
                            </div>
                            <div class="left-item">
                                <p>2016</p>
                            </div>
                            <img class="jiantou" src="../../assets/img_pinpai/YuanDianJianTouRight.jpg" alt="">
                        </div>
                        <div class="year2022right">
                            <div class="right-item">
                                <p>2016年稻香村集团中秋季月饼全国销售总量突破1亿块。</p>
                            </div>
                            <div class="left-item">
                                <p>2016</p>
                            </div>
                            <img class="jiantou" src="../../assets/img_pinpai/YuanDianJianTouRight.jpg" alt="">
                        </div>


                    </div>




                </div>




            </div>
        </div>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                activeIndex: '1',
                num:1
                
        };
      }
    }
</script>

<style lang="scss" scoped>
*{
    margin: 0;
    padding: 0;
}
.f1{
    img{
        width: 100%;
        display: block;
    }
}
.f2{
    background-color: #e6dfc9;

    .banxin{
        width: 1200px;
        margin: 0 auto;
        ul{
            font-size: 20px;
            display: flex;
            left: 0;
            width: 50%;
            background-color: #e6dfc9;
            li{
                line-height: 52px;
                height: 52px;
                list-style: none;
                margin: 0 auto;
                width: 100%;
                user-select: none;
                cursor: pointer;
                &:hover{
                    background: #ceaf59;
                    color: #fff;
                }
                &.active{
                    background-color: #ceaf59;
                    color: #fff;;
                }
            }
        }
    }
}
.beijing{
background-color: #fcfaf4;
    .banxin{
        width: 1200px;
        margin: 0 auto;
        .bum{
            height: 30px;
            line-height: 30px;
            color:#333 ;
            margin-top: 20px;
        }
        .f4{
            position: relative;
            height: 150px;
            .beijingtu{
                width: 100%;
            }
            .txttu{
                position: absolute;
                top: 60px;
                left: 43%;
            }
        }
        .f5{
            height: 45px;
            .yuan{
                position: relative;
                height: 45px;
                width: 45px;
                border-radius: 50%;
                background-color: #e60012;
                margin: 0 auto;
                img{
                    position: absolute;
                    top: 5px;
                    left: 17px;
                }
                span{
                    position: absolute;
                    color: #fff;
                    left: 5px;
                    top: 18px;
                }
            }
        }
        .f6{
            display: flex;
            // height: 500px;
            .left{
                width: 50%;
                border-right: #ceaf59 solid 2px;
                .year2022{
                    position: relative;
                    margin: 120px 0px;
                    height: 200px;
                    display: flex;
                    .left-item{
                        background-color: #fff;
                        background-image: url('../../assets/img_pinpai/F6zuo1beiJing.jpg');
                        background-repeat: no-repeat;
                        background-position-y: bottom;
                        height: 100%;
                        width: 65%;
                        p{
                            margin: 30px;
                        }
                    }
                    .right-item{
                        height: 100%;
                        width: 40%;
                        background-image: url('../../assets/img_pinpai/F6TongYongBeiJing.jpg');
                        background-repeat: no-repeat;

                        p{
                            color: red;
                            margin-top: 27%;
                            font-size: 60px;
                            margin-right: 25px;
                            font-weight: 500;
                        }
                    }
                    .jiantou{
                        right: -12px;
                        top: 45%;
                        position: absolute;
                        width: 40px;
                        height: 20px;
                        z-index: 1;

                    }
                }

            }
            .right{
                // padding: 250px 0 0 0;
                padding-top: 150px;
                width: 50%;
                border-left: #ceaf59 solid 2px;
                .year2022right{
                    margin: 120px 0;
                    background-color: #fff;
                    height: 200px;
                    position: relative;
                    .right-item{
                        p{
                           margin: 30px;
                        }
                        position: absolute;
                        right: -18px ;
                        background-position-y: bottom;
                        height: 100%;
                        width: 65%;
                        background-repeat: no-repeat;
                        background-image: url('../../assets/img_pinpai/F6you1beiJing.jpg');
                    }
                    .left-item{

                        p{
                            padding-top: 60px;
                            padding-right: 8px;
                            font-size: 60px;
                            font-weight: 500;
                            color: red;
                        }
                        
                        left: 25px;
                        position: absolute;
                        width: 35%;
                        height: 100%;
                        background-repeat: no-repeat;
                        background-image: url('../../assets/img_pinpai/F6TongYongBeiJing.jpg');
                    }
                    .jiantou{
                        position: absolute;
                        left:-11px;
                        top: 45%;
                    }

                }
            }
        }

        


    }
}
</style>